<template>
	<view class="img-list" v-if="imagesList.length>0">
		<u-image class="img-item" width="116rpx" height="116rpx" :lazy-load="true" :src="tempImage"
			v-for="tempImage in imagesList" @click="prevImage"></u-image>
	</view>
</template>

<script>
	export default {
		props: {
			imagesList: {
				type: Array,
				default () {
					return []
				}
			}
		},
		data() {
			return {
				isPreview: false
			};
		},
		methods: {
			prevImage() {
				uni.setStorage({
					key: "refreshPage",
					data: false
				})
				uni.previewImage({
					urls: this.imagesList
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	.img-list {
		margin-top: 10rpx;
		display: flex;
		gap: 20rpx;
		flex-direction: row;
		flex-wrap: wrap;
	}
</style>